<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="SpryAssets/SpryValidationCheckbox.js" type="text/javascript"></script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-40786629-1', 'bg4systems.com');
  ga('send', 'pageview');

</script>
<link href="SpryAssets/SpryValidationCheckbox.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.text {
	font-family: Tahoma, Geneva, sans-serif;
}
</style>
</head>

<body>
<p>Display - &gt; Customized Table -&gt; Select Column from Database</p>
<p align="center"><a href="customized_table.html">Back</a></p>
<table width="800" border="0">
  <tr>
    <td width="171">Response</td>
    <td width="213">Group Location</td>
    <td width="120">&nbsp;</td>
    <td width="163">&nbsp;</td>
    <td width="111">&nbsp;</td>
  </tr>
  <tr>
    <td><select name="set_responses2" id="set_responses2">
      <option>Displacement</option>
      <option>Temp</option>
      <option>...</option>
      <option>...</option>
    </select></td>
    <td><form id="form1" name="form1" method="post" action="">
      <label for="begin"></label>
      <select name="group_location" id="group_location">
        <option>Abutment  (Thon buri)</option>
        <option>...</option>
        <option>...</option>
        <option>...</option>
      </select>
    </form></td>
    <td><form id="form2" name="form2" method="post" action="">
      <label for="end"></label>
      <input type="button" name="cmd_sortbycolumn" id="cmd_sortbycolumn" value="Sort By Column" />
    </form></td>
    <td><input type="button" name="cmd_hideunselected" id="cmd_hideunselected" value="Hide Unselected" /></td>
    <td>&nbsp;</td>
  </tr>
</table>
<table width="802" border="0">
  <tr>
    <td width="491" align="right" valign="top"><table width="483" border="1">
      <tr>
        <th width="88" height="40" bgcolor="#5E97C6" scope="col">Column No.</th>
        <th width="70" bgcolor="#5E97C6" scope="col">Sensor</th>
        <th width="147" bgcolor="#5E97C6" scope="col">Group Location</th>
        <th width="93" bgcolor="#5E97C6" scope="col">View Details</th>
        <th width="63" bgcolor="#5E97C6" scope="col">Select</th>
      </tr>
      <tr>
        <td align="center">3</td>
        <td align="center">TP1</td>
        <td align="center">Abutment  (Thon buri)</td>
        <td align="center"><a href="#">detail</a></td>
        <td align="center"><input name="chk_rom1" type="checkbox" id="chk_rom1" checked="checked" /></td>
      </tr>
      <tr>
        <td align="center">4</td>
        <td align="center">TP2</td>
        <td align="center">Abutment  (Thon buri)</td>
        <td align="center"><a href="#">detail</a></td>
        <td align="center"><input name="chk_rom2" type="checkbox" id="chk_rom2" checked="checked" /></td>
      </tr>
      <tr>
        <td align="center">5</td>
        <td align="center">DM1</td>
        <td align="center">Abutment  (Thon buri)</td>
        <td align="center"><a href="#">detail</a></td>
        <td align="center"><input name="chk_rom3" type="checkbox" id="chk_rom3" checked="checked" /></td>
      </tr>
      <tr>
        <td align="center">6</td>
        <td align="center">DM2</td>
        <td align="center">Abutment  (Thon buri)</td>
        <td align="center"><a href="#">detail</a></td>
        <td align="center"><input name="chk_rom4" type="checkbox" id="chk_rom4" checked="checked" /></td>
      </tr>
      <tr>
        <td align="center">7</td>
        <td align="center">DM3</td>
        <td align="center">Abutment  (Thon buri)</td>
        <td align="center"><a href="#">detail</a></td>
        <td align="center"><input name="chk_rom5" type="checkbox" id="chk_rom5" checked="checked" /></td>
      </tr>
      <tr>
        <td align="center">&nbsp;</td>
        <td align="center">&nbsp;</td>
        <td align="center">&nbsp;</td>
        <td align="center">&nbsp;</td>
        <td align="center">&nbsp;</td>
      </tr>
      <tr>
        <td align="center">&nbsp;</td>
        <td align="center">&nbsp;</td>
        <td align="center">&nbsp;</td>
        <td align="center">&nbsp;</td>
        <td align="center">&nbsp;</td>
      </tr>
    </table>
      <form id="form3" name="form3" method="post" action="">
        <input type="submit" name="cmd_ok" id="cmd_ok" value="Ok" />
        <input type="submit" name="cmd_cancel" id="cmd_cancel" value="Cancel" />
      </form>
      <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p></td>
    <td width="335" valign="top"><table width="301" border="1">
      <tr>
        <th height="41" colspan="2" align="left" bgcolor="#004080" scope="col">Deltails</th>
      </tr>
      <tr>
        <td height="184" colspan="2"><img src="images/DM3.jpg" width="249" height="115" /></td>
      </tr>
      <tr>
        <th width="74" align="left" valign="top"><span class="text">Code</span></th>
        <td width="211" align="left" valign="top"><span class="text">DM3</span></td>
      </tr>
      <tr>
        <th align="left" valign="top">
          <span class="text">
          <ype>
          Type</span></th>
        <td valign="top"><p><span class="text">Displacement  Transducer</span></p></td>
        </tr>
      <tr>
        <th align="left" valign="top"><span class="text">Response</span></th>
        <td align="left" valign="top"><span class="text">Displacement</span></td>
      </tr>
      <tr>
        <th align="left" valign="top"><span class="text">Unit</span></th>
        <td align="left" valign="top"><span class="text">mm</span></td>
      </tr>
      <tr>
        <th align="left" valign="top"><span class="text">Location</span></th>
        <td align="left" valign="top"><span class="text">อยู่ที่กึ่งกลางของคานขวาง</span></td>
      </tr>
      <tr>
        <td height="191" colspan="2" valign="top"><p>&nbsp;
          
          </p>
          <p>&nbsp;</p></td>
      </tr>
    </table></td>
  </tr>
</table>
<p>&nbsp;</p>
<script type="text/javascript">
var sprycheckbox1 = new Spry.Widget.ValidationCheckbox("sprycheckbox1");
</script>
</body>
</html>
